.CodeMirror {border: 1px solid #ccc;height:calc(100% - 3px);}

.alert {
  padding:15px 30px;
}

.sys_tip {
  position: absolute;
  top:10px;
  right:10px;
  z-index: 999;
  padding:10px;
  border-radius: 5px;
  box-shadow: 2px 2px 10px #888;
  min-width:100px;
  min-height:18px;
  line-height: 18px;
  background:#f7eb9c;
  text-align:center;
}
.sys_tip > p {
  margin:0px;
}


.main {
  margin:0px;
  padding:0px;
  width:100%;
  height:100%;
  background-color:#BBD9EE;
}
.main > div {
  width:100%;
}
.main > .top {
  position: absolute;
  top:0px;
  left:0px;
  height:30px;
  width:100%;
  background-color:#2f4050;
  border-bottom:1px solid #292c33;
  z-index: 1px;
  overflow:hidden;
}
.main > .top > p{
   height:calc(100% - 3px);
   margin:0px;
   padding-top:3px;
}
.main > .top > p:first-child{float: left;color:#b8b8bb; width:calc(60% - 10px);min-width:600px;}
.main > .top > p:last-child{float: right; padding-right:3px; /*width:calc(40% - 10px);*/min-width:50px;}
.main > .top > p > a {
  padding:0px 3px;
  border-radius: 5px;
  border:1px solid #2f4050;
  float:right;
}
.main > .top > p > a > span{
  display:inline-block;
  vertical-align:middle;
  font-size:13px;
  padding-left: 3px;
}
.main > .top > p > a > .iconfont {font-size:20px; vertical-align:middle;}
.main > .top > p:first-child > a:hover{
  border-color:#aaa;
  color:#0072E3;
  font-weight:bold;
  cursor:pointer;
}
.main > .top > p:first-child > a:not(:first-child){margin-right:20px;}
.main > .top > p:first-child > a:not(:last-child){width:80px;}
.main > .top > p:first-child > a.sel{
  color:green;
}

.main > .center {
   float:right;
   height:calc(100% - 31px);
   width:calc(100% - 10px);
   background-color:#BBD9EE;
   margin-top: 31px;
   padding-right:5px;
}
.main > .center > div {
   height:100%;
   width:100%;
   display:none;
}
.main > .center > div.is_tab {height: calc(100% - 13px);margin-top: 5px;border: 1px solid #aaa;border-radius: 5px;}
.main > .center > div.is_tab > .panel{border-radius:5px;}
/*项目列表*/
.main > .center > div#projects{padding-top: 5px;height:calc(100% - 5px);}
.main > .center > div#projects > p:last-child {
   padding:5px;
   margin: 0px;
   text-shadow: 1px 1px 1px rgba(255,255,255,.8), 1px 1px 2px rgba(0,0,0,.8);
   overflow-x: hidden;
   background-color: #fff;
   border: 1px solid #aaa;
   border-top: 0px;
   border-radius: 0px 0px 5px 5px;
}
.main > .center > div#projects > p:last-child > a {cursor: pointer;}
.main > .center > div#projects > p:last-child > a:hover{color:blue;}
.main > .center > div#projects > div.f_list{border:1px solid #aaa;height:calc(100% - 45px);background-color:#fff;border-radius: 5px 5px 0px 0px;}
.main > .center > div#projects > div.f_list > div > ul:first-child{border-bottom:1px solid #b1b1b1;height:19px;font-size:13px;background:linear-gradient(#ddd, #fff);padding:3px 5px;}
.main > .center > div#projects > div.f_list > div ul > li{float:left;padding-left:3px;font-size:13px;height:100%;text-shadow: 1px 1px 1px rgba(255,255,255,.8), 1px 1px 2px rgba(0,0,0,.8);overflow-x: hidden;user-select: none;}
.main > .center > div#projects > div.f_list > div:first-child{float:left;width:300px;} /*左边*/
.main > .center > div#projects > div.f_list > div:first-child ul > li:nth-child(1){width:calc(100% - 10px);} /*项目名称*/

.main > .center > div#projects > div.f_list > div:last-child{float:right;width:calc(100% - 302px);border-left:1px solid #aaa;} /*右边*/
.main > .center > div#projects > div.f_list > div:last-child ul > li:nth-child(1){width:160px;} /*环境名称*/
.main > .center > div#projects > div.f_list > div:last-child ul > li:nth-child(2){width:calc(50% - 100px);} /*项目名称*/
.main > .center > div#projects > div.f_list > div:last-child ul > li:nth-child(3){width:calc(50% - 100px);} /*节点*/

.main > .center > div#projects > div.f_list > div > ul:first-child > li:not(:last-child) {border-right:1px solid #d9d9d9;}
.main > .center > div#projects > div.f_list > div > div:last-child{height: calc(100% - 25px);overflow: auto;}
.main > .center > div#projects > div.f_list > div > div:last-child > ul{height:26px;padding:3px 5px;}
.main > .center > div#projects > div.f_list > div > div:last-child > ul > li{padding:0px 2px;line-height:26px;user-select: none;}
.main > .center > div#projects > div.f_list > div > div:last-child > ul:nth-child(odd){background-color:#ebebeb;}
.main > .center > div#projects > div.f_list > div > div:last-child > ul:nth-child(even){background-color:#dadada;}
.main > .center > div#projects > div.f_list > div > div:last-child > ul:hover{background:cornsilk;}
.main > .center > div#projects > div.f_list > div > div:last-child > ul.sel{background-color:#4e9ef3;}


.input_list > p {
  line-height: 35px;
  padding-left:20px;
  padding-right:50px;
}
.input_list > p > span:first-child {
  display: inline-block;
  width:80px;
  text-align:right;
  margin-right:5px;
}
.input_list > p > input {width:184px;}
.input_list > p > textarea {
   width:184px;
   height:60px;
}
.input_list > p > label > span, .input_list > p > label > input  {vertical-align:middle;}

#user_info:hover{color:green;cursor:pointer;}

#user_menu{box-shadow: 1px 1px 1px #333;background-color: #ddd;cursor:pointer;padding:5px;min-width:90px !important;}
#user_menu > li{padding:3px 5px;}
#user_menu > li:hover{background-color:#4e9ef3;color:#fff;}
#user_menu > .menu-line{display:none;}

/*新增项目*/
#add_project > p > label{cursor:pointer;}
#add_project > p > label:not(:last-child){padding-right: 60px;}
#add_project > p > label > input[type='radio']{width:18px;height:18px;vertical-align: middle;}

/*新增节点*/
#add_project_node .input_list > p > select{ height:25px; width:280px; }
#add_project_node .input_list > p > input{width:280px;}
#add_project_node .input_list > p > textarea{width:280px;}

/*代码发布*/
#release {padding-top: 5px;height: calc(100% - 5px);}
#release > div:first-child{height:calc(100% - 50px);width:100%;background-color: rgba(3,3,3,0.5);border-radius: 5px 5px 0px 0px;}
#release > div:first-child .console {height:calc(100% - 10px);padding: 5px;overflow: auto;background-color: #333;color:#eee;border:1px solid blue;background-color: rgba(0,0,0,0.5);border-radius: 5px 5px 0px 0px;}
#release > div:first-child > textarea {width:100%;/*height:100%;overflow: auto;background-color: #333;color:#eee;border:1px solid blue;*/resize: none;outline: none;/*background-color: rgba(0,0,0,0.5);border-radius: 5px 5px 0px 0px;*/}
#release > div:last-child{height:30px;padding:10px 5px 6px 5px;background-color: #666;border: 1px solid blue;border-top: 0px;border-radius: 0px 0px 5px 5px;text-align: center;}
#release > div:last-child > div{display: inline;  -webkit-user-select: none;}
#release > div:last-child > div:not(:first-child){padding-left:50px;}
#release > div:last-child > div:last-child{padding-top: 3px;}
#release > div:last-child > div > span{color: #ddd;font-weight: bold;}
#release > div:last-child > div > select{width:150px;height: 26px;margin-left: 5px;border: none;outline: none;}
#release > div:last-child > div > button{vertical-align: middle;height: 25px;border: none;border-radius: 3px;cursor: pointer;}





/*系统设置*/
/*
#sys_set{
  width:450px;
  height:420px;
}
#sys_set > #sys_set_tabs .input_list > p {
  line-height: 40px;
  padding-left:30px;
  padding-right:50px;
}
#sys_set > #sys_set_tabs .input_list > p > span {
  width:65px;
}
#sys_set > #sys_set_tabs .input_list > p > input {
  width:280px;
}
*/

/*首页*/
#home {
   display:block;
}
#home > ul > li {
  float:left;
  width:70px;
  height:55px;
  border-radius: 10px;
  border:1px solid #aaa;
  padding:10px 5px;
  margin-left:20px;
  margin-top: 15px;
  cursor: pointer;
  line-height: 45px;
  text-align: center;
  font-size:13px;
  background-color:#eee;
  box-shadow: 0 0 3px #aaa;
  background-size: 45px;
  background-repeat: no-repeat;
  background-position: 17px 5px;
  -webkit-user-select: none;
}
#home > ul > li:hover {
  box-shadow: 0 0 8px #003D79;
}
#home > ul > li > span {
  position: relative;
  bottom:-32px;
}
#home > div {
  position: absolute;
  border-radius: 5px;
  box-shadow: 0 0 3px #666;
  background-color:#d9d9d9;
}
#home > div > p:first-child{
  height:25px;
  width:calc(100% - 1px);
  border-radius: 5px 5px 0px 0px;
  background-color:#004B97;
  text-align:center;
  margin: 0px 0px 0px 1px;
  font-size: 13px;
  color: #fff;
  line-height: 26px;
  cursor: default;
  -webkit-user-select: none;
}
#home > div > p:first-child > span {
  float:left;
  width:calc(100% - 22px);
}
#home > div > p:first-child > a {
  float:right;
  padding:7px 6px 3px 5px;
  line-height: 13px;
  cursor: pointer;
}
#home > div > p:first-child > a:hover{
  font-weight:bold;
  color:red;
}
#home > div > p:last-child {
  text-align:center;
  margin:5px;
}
/*随机密码生成*/
#home > div.create_pwd {
  width:450px;
  height:320px;
  top:calc(50% - 160px);
  left:calc(50% - 225px);
  font-size: 15px;
}
#home > div.create_pwd > .input_list > p {
  margin-bottom:0px;
}
#home > div.create_pwd > .input_list > div {
  width: 79%;
  margin-left: 35px;
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 5px 10px;
  line-height: 38px;
  -webkit-user-select: none;
}
#home > div.create_pwd > .input_list > div > label:hover{
  color:blue;
}
#home > div.create_pwd > .input_list > div > label:not(:last-child) {
  margin-right:30px;
}
/*Base64编码/解码*/
#home > div.base64 {
  width:500px;
  height:390px;
  top:calc(50% - 250px);
  left:calc(50% - 190px);
  font-size: 15px;
}
#home > div.base64 > div {
  height:325px;
  padding:3px;
}
#home > div.base64 > div > textarea {
  width:100%;
  height:100%;
  resize: none;
  outline: none;
  border-radius: 0px;
  background-color: #fff2de;
}
/*字符串随机排序*/
#home > div.string_sort {
  width:500px;
  height:180px;
  top:calc(50% - 90px);
  left:calc(50% - 250px);
  font-size: 15px;
}
#home > div.string_sort > div {
  height:116px;
  padding:3px;
}
#home > div.string_sort > div > textarea {
  width:100%;
  height:100%;
  resize: none;
  outline: none;
  border-radius: 0px;
  background-color: #fff2de;
}
/*URL编码/解码*/
#home > div.uri_encode {
  width:500px;
  height:390px;
  top:calc(50% - 250px);
  left:calc(50% - 190px);
  font-size: 15px;
}
#home > div.uri_encode > div {
  height:325px;
  padding:3px;
}
#home > div.uri_encode > div > textarea {
  width:100%;
  height:100%;
  resize: none;
  outline: none;
  border-radius: 0px;
  background-color: #fff2de;
}
/*大小写转换*/
#home > div.upper_low {
  width:500px;
  height:390px;
  top:calc(50% - 250px);
  left:calc(50% - 190px);
  font-size: 15px;
}
#home > div.upper_low > div {
  height:325px;
  padding:3px;
}
#home > div.upper_low > div > textarea {
  width:100%;
  height:100%;
  resize: none;
  outline: none;
  border-radius: 0px;
  background-color: #fff2de;
}
/*JSON格式化*/
#home > div.json_style {top:69px;left:130px;width:800px;height:550px;}
#home > div.json_style > div:nth-child(2){
  height: calc(100% - 38px);
  width: calc(100% - 12px);
  background-color:#fff2de;
  border:1px solid #aaa;
  padding:5px;
  overflow: auto;
  border-radius: 0px 0px 5px 5px;
}
#home > div.json_style > textarea:last-child {
  position:relative;
  top:-32px;
  left:768px;
  width:30px;
  height:30px;
  border-radius: 15px;
  background-color:rgba(30,0,62,0.9);
  overflow: hidden;
  cursor:pointer;
  outline: none;
  color:#bcbcbc;
}
#home > div.json_style > textarea.active{
  top:-519px;
  left:6px;
  height: calc(100% - 38px);
  width: calc(100% - 12px);
  cursor:inherit;
  overflow:auto;
  border-radius:5px;
}
#home > div.json_style > div.json_info pre {border-radius:6px; border:1px solid #ccc; padding:5px; margin:5px; }
#home > div.json_style > div.json_info .string { color: green; }
#home > div.json_style > div.json_info .number { color: darkorange; }
#home > div.json_style > div.json_info .boolean { color: blue; }
#home > div.json_style > div.json_info .null { color: magenta; }
#home > div.json_style > div.json_info .key { color: red; }
#home > div.json_style > div.json_info pre > a:first-child {
  position:relative;
  right:-3px;
  top:-4px;
  float:right;
  border-radius: 10px;
  font-weight: bold;
  line-height: 10px;
  cursor: pointer;
  user-select: none;
}
#home > div.json_style > div.json_info pre > a:first-child:hover{color:red;}


/*Hash校验*/
#home > div.hash_encode {
  width:415px;
  height:330px;
  top:calc(50% - 130px);
  left:calc(50% - 130px);
  font-size: 15px;
}
#home > div.hash_encode > .input_list > p {padding-right:0px;}
#home > div.hash_encode > .input_list > p > span:first-child {width:50px;}
#home > div.hash_encode > .input_list > p > input {width:305px;}
#home > div.hash_encode > .input_list > p > label {cursor:pointer;margin:0px;}
#home > div.hash_encode > .input_list > p > label > input[type="radio"] {margin:0px;}
#home > div.hash_encode > div:last-child {
  padding:5px 20px;
  height:39px;
}
#home > div.hash_encode > div:last-child > textarea {
  float:left;
  width:300px;
  background-color: #fff2de;
}
#home > div.hash_encode > div:last-child > a {
  float:left;
  margin-left:10px;
  padding:12px 10px 7px 10px;
  margin-top:1px;
}
/*Unix时间戳*/
#home > div.unixtime {
  width:450px;
  height:190px;
  top:calc(50% - 70px);
  left:calc(50% - 225px);
  font-size: 15px;
}
#home > div.unixtime > div.input_list > p {
  padding-right:0px;
  padding-left:10px;
}
#home > div.unixtime > div.input_list > p > span{
  width:60px;
}
#home > div.unixtime > div.input_list > p > input{
  width:160px;
  padding:3px;
  text-align:center;
}
#home > div.unixtime > div.input_list > p > input[name='ntime']:hover{color:blue;}
/*生成二维码*/
#home > div.qrcode {
  width:490px;
  height:300px;
  top:calc(50% - 70px);
  left:calc(50% - 225px);
  font-size: 15px;
}
#home > div.qrcode > .input_list > div > p {
  margin:3px 0px;
  text-align:center;
}
#home > div.qrcode > .input_list > div > textarea {
  height:215px;
  width:195px;
  background-color: #fff2de;
}
#home > div.qrcode > .input_list > div:first-child {
  float:left;
  padding-left:10px;
}
#home > div.qrcode > .input_list > div:last-child {
  float:right;
  width:calc(60% - 20px);
  height:calc(100% - 27px);
  border:1px solid #ccc;
  border-bottom-right-radius: 5px;
}
#home > div.qrcode > .input_list > div:last-child > img:first-child {
  margin:20px 0px 0px 20px;
}
/*字符串去重*/
#home > div.unique {
  width:800px;
  height:600px;
  top:50px;
  left:150px;
  font-size: 15px;
}
#home > div.unique > div:last-child > div:first-child{height:532px;}
#home > div.unique > div:last-child > div:first-child > textarea{width:50%; height:100%; overflow:auto; resize:none;outline:none; border-radius:0px;}
#home > div.unique > div:last-child > div:last-child {width:calc(100% - 10px); margin:10px 0px 0px 10px;}
#home > div.unique > div:last-child > div:last-child > select{height:25px;vertical-align:middle;}
#home > div.unique > div:last-child > div:last-child > input{width:300px;}
/*ip地址查询*/
#home > div.get_ip_info {top:150px;left:330px;width:390px;height:390px;}
#home > div.get_ip_info > div:last-child > div:first-child {
  height: calc(100% - 70px);
  width: calc(100% - 12px);
  background-color:#fff2de;
  border:1px solid #aaa;
  padding:5px;
  overflow: auto;
}
#home > div.get_ip_info > div:last-child > p:last-child{margin:5px 10px;}
#home > div.get_ip_info > div:last-child > div:first-child pre {border-radius:6px; border:1px solid #ccc; padding:5px; margin:5px; }
#home > div.get_ip_info > div:last-child > div:first-child .string { color: green; }
#home > div.get_ip_info > div:last-child > div:first-child .number { color: darkorange; }
#home > div.get_ip_info > div:last-child > div:first-child .boolean { color: blue; }
#home > div.get_ip_info > div:last-child > div:first-child .null { color: magenta; }
#home > div.get_ip_info > div:last-child > div:first-child .key { color: red; }
/*图像文字识别*/
#home > div.ocr_word {top:150px;left:330px;width:390px;height:390px;}
#home > div.ocr_word > div:last-child > textarea:first-child {
  height: calc(100% - 61px);
  width: 100%;
  background-color:#fff2de;
  border:1px solid #aaa;
  padding:5px;
  overflow: auto;
}
#home > div.ocr_word > div:last-child > p:last-child{margin:5px 10px;}
#home > div.ocr_word .word_info {outline: none;}

/*添加修改服务器信息*/
#add_hosts > #hosts_tabs .input_list {
  padding-top:20px;
  padding-left:30px;
}
#add_hosts > #hosts_tabs .input_list > p {
  line-height: 40px;
  padding-left:50px;
  padding-right:50px;
}
#add_hosts > #hosts_tabs .input_list > p > input{
    width:280px;
}

#add_hosts > #hosts_tabs .input_list > p > a{
  line-height: 13px;
  cursor:pointer;
  vertical-align: middle;
}
#add_hosts > #hosts_tabs .input_list > p > a.button_l {padding-top:7px;}
#add_hosts > #hosts_tabs .input_list > p > a:hover {
  color:blue;
}
#add_hosts > #hosts_tabs .input_list > p > a > i.iconfont {
  font-size: 23px;
}


/*列表*/
#tabs {

}

/*rsa设置*/
#rsa_set_tabs textarea{
   border-radius: 0px 0px 3px 3px;
   border:0px;
   outline: none;
}
